// 导入必要的库和模块
import { createApp } from "vue";
import pinia from "./stores";
import globalComponent from "@/library/index.js";
import { icons } from "@/library/icons.js"; // 导入图标库

// 导入 Element Plus UI 库及其样式
import ElementPlus from "element-plus";
import "element-plus/dist/index.css";
import "@/assets/main.scss";
import zhCn from "element-plus/dist/locale/zh-cn.mjs"; // 导入 Element Plus 的中文语言包

// 创建 Vue 应用
const app = createApp(App);

// 注册图标组件
icons.forEach((icon) => {
  app.component(icon.name, icon);
});

// 引入并挂载 App 组件，设置路由和状态管理
import App from "./App.vue";
import router from "./router";
app.use(ElementPlus, { locale: zhCn }); // 使用 Element Plus，并设置中文语言
app.use(pinia); // 使用 Pinia 进行状态管理
app.use(router); // 使用 Vue Router 进行路由管理
app.use(globalComponent); // 使用全局组件

// 将应用挂载到 DOM 元素上
app.mount("#app");
